<template>
	<view>
		<view class="notice">剩余支付时间
			<u-count-down class="mar-0-5" :timestamp="timestamp" :show-hours="false" color="#e85613"
				bg-color="#f8e8e7"></u-count-down>
			，过期自动取消
		</view>
		<view class="mar-10 bg-white pad-10">
			<view class="between">
				<view class="line-height-35">支付金额（元）</view>
				<view class="line-height-35 color-red">￥{{doctorItem.regFee}}</view>
			</view>
		</view>
		<view class="mar-10 bg-white pad-10">
			<view class="text-center color-blue font-size-20">支付处理中...</view>
			<view class="text-center  mar-5">系统正在处理您的缴费信息，请您耐心等待.</view>
			<TimeRoundCountVue></TimeRoundCountVue>
		</view>
		<view class="notice-text mar-10 bg-white pad-10">
			<view class="text-center line-height-35">温馨提示</view>
			<view>
				<view>缴费成功</view>
				<view>1、退号至少提前一个工作日，在原预约原渠道办理</view>
				<view>2、如需发票，请当天看诊后到门诊收费处打印。</view>
				<view>缴费失败</view>
				<view>1、扣费成功，系统交费失败时，您可重新发起支付或选择其他途径继续交费。</view>
				<view>2、支付失败款项将在1-3个工作日内，原路返还到您的账号中，请您放心使用。</view>
			</view>
		</view>
	</view>
</template>

<script>
	import TimeRoundCountVue from '../../components/time/TimeRoundCount.vue';
	export default {
		components: {
			TimeRoundCountVue
		},
		data() {
			return {
				timestamp: 15 * 60, //支付总时间为15分钟
				doctorItem: '',

			}
		},
		mounted() {
			this.doctorItem = uni.getStorageSync("doctorItem");

		}
	}
</script>

<style scoped>
	.notice {
		text-align: center;
		background-color: rgb(248, 232, 231);
		color: rgb(249, 73, 29);
		line-height: 30px;
	}

	.dashed {
		border-bottom: 1px dashed gray;
		padding: 10px;
	}

	.wxzf {
		border: 1px solid rgb(241, 204, 197);
	}

	.ybzf {
		border: 1px solid rgb(241, 204, 197);
		border-top: none;
	}

	.img {
		width: 20px;
		height: 20px;
	}

	.notice-text {
		background-color: rgb(255, 250, 242);
		color: orange;
	}

	.btn-register {
		width: 60%;
		border-radius: 45rpx;
		margin: 15rpx;
	}
</style>